<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>华为商城VMALL</title>
  <link rel="stylesheet" href="./bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/public.css">
  <link type="image/x-icon" rel="shortcut icon" href="https://id1.cloud.huawei.com/CAS/static_rss/rss_12/IDMW/common/logos/icons/huawei.ico">
</head>
<body>
  <div class="box">
    <div class="cont nav">
      <ul class="navleft">
        <li><a href="index.html">首页</a></li>
        <li><a href="#">我的订单</a></li>
        <li><a href="cart.html">购物车(0)</a></li>
      </ul>
      <div class="navright1">
        <div class="login">登录</div>
        <div class="register">注册</div>
      </div>
      <div class="navright2">
        <a href="#">111111</a>
        <div class="exit">退出</div>
      </div>
    </div>
  </div>

  <div class="nav2">
    <div class="cont c1">
      <img src="https://res.vmallres.com/portal/1.23.8.300/h5/images/logo_app.png" alt="">
      <ul>
        <li><a href="#">华为</a></li>
        <li><a href="#">问界汽车</a></li>
        <li><a href="#">华为智选</a></li>
        <li><a href="#">生态周边</a></li>
      </ul>
      <div><img src="./imags/search2.png" class="img1"></div>
    </div>

    <div class="cont c2">
      <span><img src="./imags/search2.png" class="img2"></span>
      <input type="text">
      <span><img src="./imags/del1.png" class="img3"></span>
    </div>
  </div>

  <div id="carouselExampleIndicators" class="carousel slide">
    <div class="carousel-indicators">
      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" aria-label="Slide 5"></button>
      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5" aria-label="Slide 6"></button>
      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="6" aria-label="Slide 7"></button>
    </div>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="https://res.vmallres.com/cmscdn/CN/2023-09/7f65ee38a90c412298f435f2387e578f.jpg" class="d-block" alt="...">
      </div>
      <div class="carousel-item">
        <img src="https://res.vmallres.com/cmscdn/CN/2023-09/7512745d314b48abbee6cf2267b2b49b.jpg" class="d-block" alt="...">
      </div>
      <div class="carousel-item">
        <img src="https://res.vmallres.com/cmscdn/CN/2023-09/b296d868dac4417099c18cb677b2ea2f.jpg" class="d-block" alt="...">
      </div>
      <div class="carousel-item">
        <img src="https://res.vmallres.com/cmscdn/CN/2023-09/89b5f2eb875e4fd5984834d9dcfe6a98.jpg" class="d-block" alt="...">
      </div>
      <div class="carousel-item">
        <img src="https://res.vmallres.com/cmscdn/CN/2023-09/db5b2851ef3e42eb8bf0ff879e823151.jpg" class="d-block" alt="...">
      </div>
      <div class="carousel-item">
        <img src="https://res.vmallres.com/cmscdn/CN/2023-09/d1536c76551a4b67b8bdb48c36ad5fd6.jpg" class="d-block" alt="...">
      </div>
      <div class="carousel-item">
        <img src="https://res.vmallres.com/cmscdn/CN/2023-09/5c924717fbc249f0a3167b1b2fa76111.jpg" class="d-block" alt="...">
      </div>
    </div>
    <div class="list">
      <ul>
        <li id="手机"><a href="#">手机</a><span><img src="./imags/right.png"></span>
          <div class="li2">
          <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/F92F6E060F1EE0F20186FDA8F3462186.png"><i>Mate 系列</i></div>
          <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/F92F6E060F1EE0F20186FDA8F3462186.png"><i>Mate 系列</i></div>
          <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/F92F6E060F1EE0F20186FDA8F3462186.png"><i>Mate 系列</i></div>
          <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/F92F6E060F1EE0F20186FDA8F3462186.png"><i>Mate 系列</i></div>
          <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/F92F6E060F1EE0F20186FDA8F3462186.png"><i>Mate 系列</i></div>
          </div>
        </li>
        <li id="穿戴"><a href="#">穿戴</a><span><img src="./imags/right.png"></span>
          <div class="li2">
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/5CB3D5975D40E5D247E549C32DC74E05.png"><i>ULTIMATE DESIGN 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/5CB3D5975D40E5D247E549C32DC74E05.png"><i>ULTIMATE DESIGN 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/5CB3D5975D40E5D247E549C32DC74E05.png"><i>ULTIMATE DESIGN 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/5CB3D5975D40E5D247E549C32DC74E05.png"><i>ULTIMATE DESIGN 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/5CB3D5975D40E5D247E549C32DC74E05.png"><i>ULTIMATE DESIGN 系列</i></div>
          </div>
        </li>
        <li id="平板"><a href="#">平板</a><span><img src="./imags/right.png"></span>
          <div class="li2">
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
          </div>
        </li>
        <li id="电脑"><a href="#">电脑</a><span><img src="./imags/right.png"></span>
          <div class="li2">
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
          </div>
        </li>
        <li id="耳机音箱"><a href="#">耳机音箱</a><span><img src="./imags/right.png"></span>
          <div class="li2">
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
          </div>
        </li>
        <li id="智慧屏"><a href="#">智慧屏</a><span><img src="./imags/right.png"></span>
          <div class="li2">
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
          </div></li>
        <li id="门锁路由"><a href="#">门锁路由</a><span><img src="./imags/right.png"></span>
        <div class="li2">
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
          </div></li>
        <li id="出行车品"><a href="#">出行车品</a><span><img src="./imags/right.png"></span>
        <div class="li2">
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
          </div></li>
        <li id="数码配件"><a href="#">数码配件</a><span><img src="./imags/right.png"></span>
        <div class="li2">
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
          </div></li>
        <li id="增值服务"><a href="#">增值服务</a><span><img src="./imags/right.png"></span>
        <div class="li2">
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
          </div></li>
        <li id="商用终端"><a href="#">商用终端</a><span><img src="./imags/right.png"></span>
        <div class="li2">
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
          </div></li>
        <li id="生态周边"><a href="#">生态周边</a><span><img src="./imags/right.png"></span>
        <div class="li2">
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
            <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
          </div></li>
      </ul>
  </div>


  <script type="module" src="./js/indexMain.js"></script>
</body>
</html>